<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>管理系统主界面</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />
    <meta name="renderer" content="webkit" />
    <meta name="force-rendering" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="stylesheet" type="text/css" href="../../../../public/plug/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../../public/admin/css/all.css" />
    <style>
        body{
            padding: 20px;
        }
        a.node{
            background-color: #48D1D1;
        }
        .tableBox{
            background-color: transparent;
            box-shadow: none;
            border: 0;
        }
        #addModal .modal-dialog{
            margin-top: 60px;
            width: 670px;
        }
        #addModal .modal-header{
            padding: 5px 10px;
        }
        #addModal .modal-body{
            padding: 0;
            height: 700px;
            width: 100%;
        }
        #addModal iframe{
            width: 100%;
            height: 100%;
        }
        .nodeBox{
            width: 60%;
        }
        .nodeBox{
            width: 600px;;
        }
        ul{
            padding: 0;
        }
        li{
            list-style: none;
        }
        .nodeUl li{
            padding: 16px 0;
            margin-left: 10px;
            /*overflow: hidden;*/
            margin-right: 0 !important;
        }
        .nodeUl ul{
            padding-top: 16px;
        }
        .nodeUl>li{
            padding-left: 16px;
            margin-top: 16px;
            background-color: #FFF;
            border-radius: 5px;
            box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
        }
        .nodeUl ul ul li{
            margin-left: 30px;
        }
        .nodeUl>li li{
            border-left: 1px dashed #DDD;
        }
        .nodeUl>li li:before{
            content: "--- ";
            color: #DDD;
        }
        .btn-group{
            float: right;
            margin-top: -5px;
            margin-right: 16px;
        }
        .btn-group .btn{
            background-color: transparent;
        }
        .glyphicon{
            margin-right: 0;
        }
        .glyphicon-tags{
            margin-left: 2px;
            margin-right: 8px;
            color: #BBB;
        }

    </style>
</head>
<body>
<!--工具栏-->
<div class="toolBar panel panel-default center-block">
    <button class="add btn btn-sm" >
        <a class="addBtn" target="addFrame" href="/admin/node/add">
            <span class="glyphicon glyphicon-plus"></span>
            添加一级节点
        </a>
    </button>
</div>
<div class="tableBox panel panel-default center-block">
    <div class="nodeBox text-left">
        <ul class="nodeUl">
        </ul>
    </div>

    <!--删除按钮模态框-->
    <div role="dialog" id="delModal" class="modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                    <h4 class="modal-title">删除的数据将无法恢复，您确认删除吗？</h4>
                </div>
                <div class="modal-body text-right">
                    <button class="btn btn-primary btn-sm" data-dismiss="modal">取消</button>
                    <button class="sureDel btn btn-danger btn-sm" data-dismiss="modal">确认</button>
                </div>
            </div>
        </div>
    </div>

    <!--添加按钮模态框-->
    <div role="dialog" id="addModal" class="modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <iframe src="" id="addFrame" frameborder="0"></iframe>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" charset="utf-8" src="../../../../public/lib/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../../../../public/plug/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../../../../public/admin/js/node.index.js"></script>
</body>

</html>